.HeaderGrid-box{
	width: 750rpx;
	/* #ifdef H5 || MP || APP-VUE */
	display: flex;
	view {
		display: flex;
	}
	/* #endif */
	justify-content: center;
	align-items: center;
	border-bottom: 2rpx solid #e4eaf1;
	.HeaderGrid{
		flex-direction: row;
		flex-wrap: nowrap;
		width: 690rpx;
		align-items: center;
		justify-content: space-between;
		//background-color: #8FDAFF;
		height: 100rpx;
		.left{
			height: 100rpx;
			align-items: center;
			justify-content: center;
			//background-color: #A0CFFF;
			.title{
				height: 80rpx;
				justify-content: center;
				align-items: center;
				.title-text{
					height: 70rpx;
					line-height: 70rpx;
					position: relative;
					//background-color: #07C160;
					
					//
					color: #333;
					/* #ifdef H5 || MP || APP-VUE */
					font-size: 28rpx;
					/* #endif */
					/* #ifdef APP-NVUE || APP-PLUS-NVUE */
					font-size: 36rpx;
					/* #endif */
					font-weight: 700;
				}
				.hover{
					/* #ifdef H5 || MP || APP-VUE */
					//position: absolute;
					/* #endif */
					
					/* #ifdef APP-NVUE || APP-PLUS-NVUE */
					//margin-top: 20rpx;
					//position: relative;
					//bottom: 0;
					/* #endif */
					bottom: 0;
					//left: 0;
					height: 10rpx;
					width: 60rpx;
					border-radius: 20rpx;
					background-color: #1b9df6;
				}
			}
		}
		.conter{}
		.right{
			.grid{
				flex-direction: row;
				flex-wrap: nowrap;
				.grid-item{
					.grid-Icons{
						.icons{
							.nvueiconfont{
								font-size: 60rpx;
								color: #1b9df6;
							}
						}
						
					}
				}
			}
		}
	}
}





